<html>
  <head>
    <title>OpenLayers Editor</title>
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    <meta charset="utf-8" />
  </head>
  <body>
    <div id="app">
      <div id="header">
        <nav>
          <div id="brand">OpenLayers Editor</div>
          <div id="links">
            <a href="index.html">Demo</a>
            <a href="#" class="active">API</a>
            <a
              target="_blank"
              href="https://github.com/geops/openlayers-editor"
            >
              Code
            </a>
          </div>
        </nav>
      </div>
      <iframe ref="iframe" src="doc/index.html"> </iframe>
      <div id="promo">
        <a href="http://geops.de/karriere" target="_blank">
          <div id="promo-text">Join the team!</div>
        </a>
      </div>
    </div>
  </body>
</html>

<style scoped>
  iframe {
    position: relative;
    border: 0;
    width: 100%;
    height: 90%;
  }
  h1,
  h2 {
    font-weight: normal;
  }
  ul {
    list-style-type: none;
    padding: 0;
  }
  li {
    display: inline-block;
    margin: 0 10px;
  }
</style>
